<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>La Nouette | Contact</title>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="css/foundation.css"/>
    <link rel="stylesheet" href="css/domaine.css"/>
    <script src="js/vendor/modernizr.js"></script>
</head>
<body class="background background-domaine">
<div class="main">

    <!-- En-tête  -->
    <div class="banner">
        <div class="row">
            <div class="large-12 columns">
                <div class="banner-img">
                    <img src="img/domaine/banner.png">
                </div>
            </div>
        </div>
    </div>


    <div class="navigation large-12">
        <div class="contain-to-grid sticky">
            <nav class="top-bar" data-topbar data-options="sticky_on: large">
                <ul class="title-area">
                    <li class="name">
                        <h1><a href="home.html">Accueil</a></h1>
                    </li>
                </ul>

                <section class="top-bar-section">
                    <!-- Right Nav Section -->
                    <ul class="right">
                        <li class="active has-dropdown">
                            <a href="#">Envie d'agir ?</a>
                            <ul class="dropdown">
                                <li>
                                    <a href="pourquoiVous.html">Pourquoi vous</a>
                                </li>
                                <li>
                                    <a href="adherer.html">Adhérer</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="contact.html">Nous contacter</a>
                        </li>
                        <li class="active">
                            <a href="partenaires.html">Nos partenaires</a>
                        </li>
                    </ul>

                    <!-- Left Nav Section -->
                    <ul class="left">
                        <li class="has-dropdown">
                            <a href="#">Le domaine</a>
                            <ul class="dropdown">
                                <li><a href="domaine.html">Le domaine</a></li>
                                <li><a href="alentours.html">Les alentours</a></li>
                                <li><a href="nous.html">Nous</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a href="#">Nos services</a>
                            <ul class="dropdown">
                                <li><a href="atelier.html">Atelier</a></li>
                                <li><a href="diffusion.html">Diffusion</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="artistes.html">Les artistes</a>
                        </li>

                    </ul>
                </section>
            </nav>
        </div>
    </div>
    <!-- Fin de l'en-tête  -->

    <!-- Corps de la page -->

    <div class="content">
        <div class="row">
            <div class="large-12 columns">
                <div class="panel">
                    <h3>Contact :</h3>

                    <div class="row">
                        <div class="large-12 columns">
                            <label>Téléphone :
                                <p>02 23 45 67 89</p>
                            </label>
                        </div>
                    </div>

                    <div class="row">
                        <div class="large-12 columns">
                            <label>Adresse :
                                <p>
                                    Le Domaine<br/>
                                    3, rue des Lilas<br/>
                                    85170 Les Lucs-sur-Boulogne<br/>
                                </p>
                            </label>
                        </div>
                    </div>

                    <div class="row">
                        <div class="large-12 columns">
                            <form class="contact">
                                <label>Nous écrire :
                                    <textarea placeholder="Entrez votre message"></textarea>
                                </label>
                                <input type="button" class="button" value="Envoyer"/>
                            </form>
                        </div>
                    </div>

                    <div class="row">
                        <div class="large-12 columns">
                            <label>e-mail :
                                <a href="mailto:ledomaine@gmail.org">ledomaine@gmail.org</a>
                            </label>
                        </div>
                    </div>

                </div>
            </div>
        </div>

        <!-- Pied de page -->

        <div class="footer">
            <div class="large-4 columns">
                <span>© 2014 La Nouette<br><a href="mentionsLegales.html">Mentions légales</br></a></span>
            </div>
            <div class="large-4 columns">
                <span>Contact: Nicole Mingasson</span>
            </div>
            <div class="large-4 columns">
                <span><a href="https://www.facebook.com/SceneEtLive?fref=ts">Aller sur le Facebook du site</a></span>
            </div>
        </div>

        <!-- Fin du pied de page -->
    </div>
    <!--Fin du corps-->

    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
        $(document).foundation();
    </script>
</body>
</html>
